Welcome to Creationbangla-24. কেমন আছেন বন্ধুরা? আপনারা অবশ্যই Title দেখে বুঝতে পেরেছেন এই পেজে কী বিষয় নিয়ে আলোচনা করতে যাচ্ছি। তো আপনাদের জানিয়ে রাখি এটি একটি শিক্ষা বিষয়ক সাইট। এই site এ আমি নির্দিষ্ট কিছু বিষয় নিয়ে ধারাবাহিক ভাবে লিখব। আপনাদের একটি কথা না বললেই নয় যে, এই Page টি ভালোভাবে বুঝার জন্য এবং Page টি থেকে উপকৃত হওয়ার জন্য সম্পূর্ণ Page টি মনযোগ সহকারে পড়বেন। এখন এই পেজটিতে আপনাদের সাথে আলোচনা করতে যাচ্ছি "HTML Word Abbreviation" সম্পর্কে এবং আপনাদের সাথে আছি আমি Md.Aiub তো চলুন বন্ধুরা শুরু করা যাক।
Word Abbreviations কী?
Word শব্দের অর্থ হলো "শব্দ বা পদ"। আর Abbreviation শব্দের অর্থ হলো সংক্ষিপ্তকরণ। সুতরাং Word Abbreviation এর সমষ্টিগত অর্থ হলো "শব্দ সংক্ষিপ্তকরণ"। অর্থাৎ একাধিক শব্দ সংক্ষিপ্ত করে একটি মাত্র শব্দ গঠণ করাকে Word Abbreviation বলে। যেমন: Secondary School Certificate এর সংক্ষিপ্তরূপ হলো SSC
Word শব্দের অর্থ হলো "শব্দ বা পদ"। আর Abbreviation শব্দের অর্থ হলো সংক্ষিপ্তকরণ। সুতরাং Word Abbreviation এর সমষ্টিগত অর্থ হলো "শব্দ সংক্ষিপ্তকরণ"। অর্থাৎ একাধিক শব্দ সংক্ষিপ্ত করে একটি মাত্র শব্দ গঠণ করাকে Word Abbreviation বলে। যেমন: Secondary School Certificate এর সংক্ষিপ্তরূপ হলো SSC
প্রত্যেক কাজের একটি সুনির্দিষ্ট নিয়ম থাকে। তেমনি ওয়েবপেজে ব্যবহারের জন্য HTML ভাষায় শব্দ সংক্ষিপ্ত করার কিছু নিয়ম আছে। HTML ভাষায় শব্দ সংক্ষিপ্ত করার জন্য <abbr> Tag ব্যবহার করা হয়।
এই ট্যাগের গঠনরীতি: <abbr> Content </abbr> তবে এই ট্যাগের অভন্তরে title নামক একটি Global Attitude ব্যবহার করতে হবে। যার গঠনরীতি হবে title="value" অর্থাৎ title এর পরে = চিহ্ন দিয়ে "" Double Quotation এর মাঝে value রাখতে হবে। তাহলে সম্পূর্ণ গঠনরীতি হবে <abbr title="value"> Content </abbr>
নিম্নে Word Abbreviation করার জন্য কোডিং করে দেখানো হলো। আপনি চাইলে কোড বা শব্দ গুলো পরিবর্তন করে এখানেই অনুশীলন করতে পারেন এবং Run Code Button এ ক্লিক করে উক্ত কোডের Output দেখতে পারেন । আবার আপনি চাইলে Copy Code Button এ ক্লিক করে কোডগুলো কপি করতে পারেন এবং তা আপনার প্রয়োজনে ব্যাবহার করতে পারেন।
উপরিউক্ত Tag বিশ্লেশন ও কাজের বর্ণনা :
- <!doctype html> এটাকে আসলে সম্পূর্ণ কোন Tag বলা হয় না। <!doctype html> ট্যাগ ব্যবহার করা হয় <html> ট্যাগ এর পূর্বে। যা ওয়েব ব্রাউজার কে html এর ভার্সন বলে দেয়। যাতে ওয়েব ব্রাউজার ওয়েব কন্টেন্ট গুলোর সাথে ভালো ভাবে কাজ করতে পারে। আর <!doctype html> ট্যাগ এর প্রধান কাজ হচ্ছে ওয়েব ব্রাউজার কে বলে দেওয়া যে, ওয়েব পেজটির Document type. HTML5 Standard.
- <html> ট্যাগ দ্বারা ওয়েব ব্রাউজারকে নির্দেশ করা হয়েছে যে, এই ওয়েব পেজটি HTML ভাষায় তৈরী।
- <head> ট্যাগ ওয়েবপেজ সম্পর্কিত তথ্য ধারণ করে। এখানে ওয়েব পেজের শিরোনাম রাখা হয়েছে <head> ট্যাগ এর মাঝে। তাছাড়াও <head> ট্যাগ এর মাঝেই আপনাকে Style sheet, Script, meta ট্যাগ ব্যবহার করতে হবে।
- <title> ট্যাগ ওয়েবপেজের শিরোনাম ধারণ করে। <title> ট্যাগ এর মাধ্যমে ওয়েবপেজের শিরোনাম শুরু করা হয়েছে এবং সম্পূর্ণ শিরোনামটি এই ট্যাগ এর মধ্যেই রাখতে হবে।
- </title> ট্যাগ এর মাধ্যমে ওয়েবপেজের শিরোনাম শেষ করা হয়েছে। অর্থাৎ <title> ট্যাগ বন্ধ করা হয়েছে। এই ট্যাগ এর বাইরে কিছু লিখলে সেটা ওয়েব পেজের শিরোনাম বলে গণ্য হবে না। উপরে শিরোনাম হিসাবে Word Abbreviation ব্যবহার করা হয়েছে।
- </head> ট্যাগ এর মাধ্যমে <head> বন্ধ করা হয়েছে।
- <body> ট্যাগ ওয়েবপজের মূল উপাদান ধারণ করে। আপনি ওয়েবপেজে যা প্রদর্শন করাতে চান সেই সম্পর্কিত সকল ট্যাগ <body> ট্যাগ এর মধ্যে রাখতে হবে।
- <p> Tag দ্বারা ওয়েব পেজে একটি Paragraph ঘোষণা করা হয়েছে । আপনি প্যারাগ্রাফ হিসাবে যা লিখতে চান তা এই ট্যাগ এর মধ্যে রাখতে হবে। অন্যথায় প্যারাগ্রাফ হলে বিবেচিত হবে না। উপরে <p> Tag এর মাঝে বাংলাদেশ সম্পর্কে লেখা হয়েছে।
- <abbr> ও </abbr> Tag এর মাঝে আপনার সংক্ষিপ্ত করা শব্দটি রাখতে হবে। আমি এখানে NGO রাখছি। আপনি আপনার প্রয়োজন অনুযায়ী Text দিবেন। তারপর title Attribute এর পর একটি = চিহ্ন দিয়ে " " Double Quotation এর মাঝে ঐ সংক্ষিপ্ত করা শব্দের পূর্ণরূপটি দিবেন। আমি NGO এর জন্য Non-Governmental Organization দিয়েছি। আপনি আপনার প্রয়োজন অনুযায়ী Text দিবেন।
- title Attribute এর কাজ হলো কোনো Element সম্পর্কে অতিরিক্ত তথ্য ধারণ করা। এখানে <abbr> সম্পর্কে অতিরিক্ত তথ্য ধারণ করেছে।
- </abbr> ট্যাগ এর মাধ্যমে <abbr> বন্ধ করা হয়েছে। এই ট্যাগের বাইরে কোনো সংক্ষিপ্ত শব্দ লিখলে ব্রাউজার ও সার্চ ইঞ্জিন শব্দটির অনুবাদ করবে না এবং শব্দটির উপর মাউস পয়েন্টার রাখলে তার পূর্ণরূপ প্রদর্শন করবে না।
- </p> Tag এর মাধ্যমে <p> ট্যাগ বন্ধ করা হয়েছে।
- </body> Tag এর মাধ্যমে <body> ট্যাগ বন্ধ করা হয়েছে।
- </html> Tag Tag এর মাধ্যমে <html> ট্যাগ বন্ধ করা হয়েছে। অর্থাৎ Html ভাষায় তৈরিকৃত ওয়েজপেজটি শেষ করা হয়েছে। এই ট্যাগ এর বাইরে কিছু লিখলে তা Html ভাষায় তৈরিকৃত ওয়েজপেজটির কোনো Document বলে বিবেচিত হবে না।
Word Abbreviation কীভাবে কাজ করে?
আপনি চাইলে সরাসরি শব্দগুলোর সংক্ষিপ্তরূপ ব্যবহার করতে পারেন। কিন্তু আমি বলবো আপনি সেটা করবেন না, HTML এর সঠিক নিয়ম অনুসরণ করে ওয়েপেজে শব্দ সংক্ষেপ করবেন। সঠিক নিয়ম অনুসরণ করে ওয়েপেজে শব্দ সংক্ষেপ করলে আপনি যে সুভিধা পাবেন,
আপনি চাইলে সরাসরি শব্দগুলোর সংক্ষিপ্তরূপ ব্যবহার করতে পারেন। কিন্তু আমি বলবো আপনি সেটা করবেন না, HTML এর সঠিক নিয়ম অনুসরণ করে ওয়েপেজে শব্দ সংক্ষেপ করবেন। সঠিক নিয়ম অনুসরণ করে ওয়েপেজে শব্দ সংক্ষেপ করলে আপনি যে সুভিধা পাবেন,
- সংক্ষিপ্তরূপের পূর্ণরূপ কী হবে তা ওয়েবপেজ থেকে ব্রাউজার জানতে পারে বলে।
- ব্যবহারকারী মাউস পয়েন্টার সংক্ষিপ্ত করা শব্দের উপর রাখলে তার পূর্ণরূপ ব্যবহারকারীকে দেখানো হবে।
- যদি পেজটি অনুবাদ করা হয় তবে সংক্ষিপ্ত শব্দের পরিবর্তে প্রয়োজনীয় তথ্য দিয়ে অনুবাদ করবে।
- সার্চ ইঞ্জেকে প্রয়োজনীয় তথ্য দিয়ে সাহায্য করবে।
- ব্যবহারকারী সহজেই সংক্ষিপ্ত করা শব্দের পূর্ণরূপ জানতে পারবে।
ًপ্রিয় পাঠক বন্ধুরা,
আপনারা যদি এই পেজটি পড়ে উপকৃত হন তাহলে আমার পরিশ্রম স্বার্থক হবে। উপকৃত হয়ে থাকলে এই পেজটি আপনার বন্ধুদের মাঝে শেয়ার করতে ভুলবেন না। আপনার মতামত প্রকাশ করতে চাইলে কমেন্ট বক্সে কমেন্ট করতে পারেন। এতোক্ষণ ধর্য্যসহকারে Page টি পড়ার জন্য এবং আপনার মূল্যবান সময় আমাদের সাথে ব্যয় করার জন্য ধন্যবাদ। এর পরের Page এ আপনাদের সাথে "HTML Address Tag" নিয়ে আলোচনা করবো, সেই সময় পর্যন্ত আমদের সাথে থাকার আমন্ত্রণ রইল। আপনাদের সকলে সুস্বাস্থ্য ও দীর্ঘায়ু কামনা করে আজকের মতো শেষ করছি,
আল্লাহ হফেজ...
আপনারা যদি এই পেজটি পড়ে উপকৃত হন তাহলে আমার পরিশ্রম স্বার্থক হবে। উপকৃত হয়ে থাকলে এই পেজটি আপনার বন্ধুদের মাঝে শেয়ার করতে ভুলবেন না। আপনার মতামত প্রকাশ করতে চাইলে কমেন্ট বক্সে কমেন্ট করতে পারেন। এতোক্ষণ ধর্য্যসহকারে Page টি পড়ার জন্য এবং আপনার মূল্যবান সময় আমাদের সাথে ব্যয় করার জন্য ধন্যবাদ। এর পরের Page এ আপনাদের সাথে "HTML Address Tag" নিয়ে আলোচনা করবো, সেই সময় পর্যন্ত আমদের সাথে থাকার আমন্ত্রণ রইল। আপনাদের সকলে সুস্বাস্থ্য ও দীর্ঘায়ু কামনা করে আজকের মতো শেষ করছি,
আল্লাহ হফেজ...
Post a Comment